Maps 


YD 


Maps allow us to organize information in an easy to 
access way. 


In the image below, we are mapping the letters 
ABCDE to represent SUBCI respectively. This means 


when you reference the map you have made, the key "A" will return the 
"value" S. 


We will be able to create a simple encryption cipher by encoding our 
plaintext messages with our custom mappings. 


Initialise a Map 
Take note that each key in a map must be unique. Values however can have 


duplicates. 


let myMap = { key: "value" } 


Example map: 


Get value from map key 
We reference the map key to get the mapped value. 
// Either code will work 


myMap.key 
myMap["key" ] 


Refer to map in image above. 


console.log(KEY.A) // prints ‘e' 


console.log(KEY.N) // prints ‘d' 


Modify value using map key 


You can create new keys or give keys a new value using the assignment 
operator = . 


// Template 
myMap.key = "value" 


// Example 
myMap["firstName"] = "Toby" 


Verify if map key exists 
Check if key exists in the map. 
if (key map) 7 


// do something here 
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lterate over map keys 


lterate over map keys in one loop statement. 


for (let key map) 4 
console.log(map[key]) // prints the value of the 


key 
e 


Notice that this is not the for...0Of loop we are used to! 


To iterate over map keys we need to use a for...in loop! 


Iterate over map pairs 


lterate over map key-value pairs using Object.entries(map) . 


for (const [key, value] of Object.entries(map)) 4 


console. 1log( key valuet ) 
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Maps in maps, arrays in maps 


Maps can be nested and contain data structures to organise data neatly 
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let countries = 3 
Japan: { // Map in a map 

Tokyo: 3 
Shinjuku: "Shopping", 
Shibuya: "Crossing", 
Haneda: "Airport" 

CF 

Osaka: 34 
Higashinari: "Castle", 
Doutenbouri: "Takoyaki" 


Singapore: { 
Changi: "Jewel", 
Orchard: "ION", 
Residential: ["Tampines", "East Tampines", "West 
Tampines"] // array in a Map ina Map 
‘ 
i 


console. log(countries.Singapore.Residential[2]) // 
print West Tampines 


countries.Korea = } 

Seoul: "Capital", 

Incheon: "Seaweed" 
t // add a new Key (with Map data structure as 
value) 


countries.Japan.Hiroshima = // add a new 
key-value pair to Japan (Key) 


alte 2 countries.Japan) 34 
console. log(countries.Japan.Hiroshima) 
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Sorting a map (Optional reading) 


JavaScript maps are not ordered and cannot be sorted. One way to sort 
them is to convert the map into an array, sort the array, and convert back to 
a map. 


let key_array = Object.keys(KEY).map((key) => [key, 
Mey ice) 

map_array.sort() // sort by alphabetical order 
console. log(map_array) 


let key_map = Object. fromEntries(map_array) 
console. log(array_map) 
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